<html>
	<head>
		<title>Seapower</title>
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700' rel='stylesheet' type='text/css'>
		<link type="text/css" rel="stylesheet" media="all" href="css/style.css" />
		<link type="text/css" rel="stylesheet" media="all" href="css/nohp.css" />
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/seapower.js"></script>
		
		
		<!-- Owl Carousel (http://owlgraphic.com/owlcarousel/) -->
		<link href="lib/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="lib/owl-carousel/owl.theme.css" rel="stylesheet">
		<link href="lib/owl-carousel/owl.transitions.css" rel="stylesheet">	
		<script src="lib/owl-carousel/owl.carousel.js"></script>
		
		<!-- jquery waypoint -->
		<script type="text/javascript" src="lib/jquery-waypoints/waypoints.min.js"></script>
	</head>	
	<body>
		<div class="container">			
			<!-- Content Principale -->
			<div class="content">
				<div class="header">
					<div class="go-top"><span class="fa fa-angle-up"></span></div>
					<div class="immagine">
						<img src="images/header.png" />
					</div>
					<div class="region region-header clearfix">
						<div class="block block-block clearfix" id="block-block-2">    
							<div class="content">
								<div class="logo"></div>
							</div>
						</div>
						<div class="block block-search clearfix" id="block-search-form">   
							<div class="content">
								<form accept-charset="UTF-8" id="search-block-form" method="post" action="/it">
									<div>
										<style>
											label.element-invisible{
												display:none;
											}
											#edit-actions {
												display:none;
											}
											/*
											.form-item-search-block-form {
												display:none;
											}
											*/
										</style>
										<div class="cerca">
											<a href="#" class="closed">
												<img src="images/cerca.png">
											</a>
											<div class="form-item form-type-textfield form-item-search-block-form">
												<label for="edit-search-block-form--2" class="element-invisible">Cerca </label>
												<input type="text" class="form-text" maxlength="128" size="15" value="" name="search_block_form" id="edit-search-block-form--2" title="Inserisci i termini da cercare.">
											</div>
											<div id="edit-actions" class="form-actions form-wrapper">
												<input type="submit" class="form-submit" value="Cerca" name="op" id="edit-submit">
											</div>
											<input type="hidden" value="form-MCed_WM8fsCbM5ldK9gH2qvbnaFCKB3WW-BfdAxMfPU" name="form_build_id">
											<input type="hidden" value="search_block_form" name="form_id">
											
										</div>
									</div>
								</form>
							</div>
						</div>						
					</div>					
					<nav>
						<div class="nav">
							<div class="region region-navbar">
								<div class="block block-system block-menu clearfix" id="block-system-main-menu">   
									<div class="content">
										<ul class="menu">
											<li class="first leaf"><a href="/it/contatti">Contatti</a></li>
											<li class="expanded"><a href="/it/ors">Energia da mari e fiumi</a>
												<ul class="menu" style="left: 5733px; display: none;">
													<li class="first leaf"><a href="/it/gem">GEM 1</a></li>
													<li class="leaf"><a href="/it/gem">GEM 2</a></li>
													<li class="leaf"><a href="/it/gem">GEM 3</a></li>
													<li class="leaf"><a href="/it/gem">GEM 2</a></li>
													<li class="leaf"><a href="/it/gem">GEM 3</a></li>
													<li class="leaf"><a href="/it/gem">GEM 2</a></li>
													<li class="leaf"><a href="/it/gem">GEM 3</a></li>
													<li class="last leaf"><a href="/it/gem">Energia da mari</a></li>
												</ul>
											</li>
											<li class="leaf"><a href="/it/wt">Energia dal vento</a></li>
											<li class="last leaf"><a href="/it/node/8">Consulenza Tecnica</a></li>
										</ul>  
									</div>
								</div>
							</div>
						</div>
					</nav>
					<!-- Scelta lingua -->					
					<div class="scelta_lingua">
						<a href="#" class="eng">ENG</a>|<a href="#" class="ita">ITA</a>
					</div>
					<!-- /Scelta lingua -->
				
				</div>	
				<div class="clear"></div>
				
				<!-- CORPO CENTRALE -->
				<div class="corpo_centrale">
					<!-- LEFT -->
					<div class="left">
					
					
						<div class="item-list">
							<ul>
								<li class="first active">
									<a title="Crea un nuovo profilo utente." href="/it/user/register">GEM</a>
								</li>
								<li>
									<a title="Crea un nuovo profilo utente." href="/it/user/register">GEL</a>
								</li>
								<li class="last">
									<a title="Richiedi una nuova password tramite e-mail." href="/it/user/password">Lorem Ipsum</a>
								</li>
							</ul>
						</div>
					
					
						<div class="contenuto" id="menu_navigazione" style="display:none;">
							<div class="clear"></div>
							<div class="navigation">
								<a class="point selected" id="point_0" href="#slide_0"><span>Introduction</span></a>
								<a class="point" id="point_1" href="#slide_1"><span>How it works</span></a>
								<a class="point" id="point_2" href="#slide_2"><span>Performance data</span></a>
								<a class="point" id="point_3" href="#slide_3"><span>Composition</span></a>
								<a class="point" id="point_4" href="#slide_4"><span>Dimensions</span></a>
								<a class="point" id="point_5" href="#slide_5"><span>The prototype</span></a>
								<a class="point last" id="point_6" href="#slide_6"><span>Business plan</span></a>
							</div>
							<div class="clear"></div>
						</div>
					</div>
					<!-- /LEFT -->
					
					<!-- RIGHT -->
					<div class="right">
						<div class="contenuto">
							<div class="slide paragrafo" id="slide_0">
								<div class="titolo">
									<div class="icona">
										<img src="images/logo_gem.png" />
									</div>
									<div class="testo">
										<p>HORIZONTAL AXIS MARINE TURBINE GEM</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The horizontal axis marine turbine GEM "the Ocean's Kite" is an hydrokinetic turbine designed to be driven by
										slow-moving flows of water, namely river, tidal or water currents in general.<br /><br />
										The patented turbine has been developed since 2005 after a research project done in collaboration with Eng. Nicola Morrone, who is the patent holder together with Prof. Domenico Coiro, professor at University of Naples 
										"Federico II" (Department of Aerospace Engineering) and coordinator of the ADAG Reserch Group.
									</p>
								</div>
								<!-- TEMIZZAZIONE GALLERIA -->
								<div class="galleria" id="nid_12333">
									<div class="didascalia">
										Prototype being installed at the Venetian Lagoon
									</div>
									<div class="owl-carousel contenitore_galleria" id="12333_galleria">												
										<div class="item elemento_galleria" id="elemento-galleria-12333_1">
											<div class="immagine">
												<img src="images/mare.png" />
											</div>
										</div>
										<div class="item elemento_galleria" id="elemento-galleria-12333_2">
											<div class="immagine">
												<img src="images/vento.png" />
											</div>
										</div>
										<div class="item elemento_galleria" id="elemento-galleria-12333_3">
											<div class="immagine">
												<img src="images/vento.png" />
											</div>
										</div>
									</div>
									<!-- Pulsantiera Galleria -->					
									<div class="pulsanti_scorrimento" id="12333_pulsanti_galleria">
										<a class="prev"><img src="images/previous_quadrato_w.png" /></a>
										<div class="conteggio_pagina">1/2</div>
										<a class="next"><img src="images/next_quadrato_w.png" /></a>
									</div>
									<script>
										numeroItem_12333 = $('#12333_galleria .item.elemento_galleria').length;
										
										window.owl_12333 = $("#12333_galleria"); // 12333 Si tratta del nodo della galleria (NID)
										window.owl_12333.owlCarousel({											
											addClassActive: true,
											paginationSpeed : 2500,
											goToFirstSpeed : 1000,
											singleItem : true,
											autoHeight : true,
											slideSpeed: 1000,
											mouseDrag: false,
											touchDrag: false,		
											afterMove: function(elem){
															divVisualizzato_12333 = $('#12333_galleria .owl-item.active').find('div').attr('id');
															arr_12333 = divVisualizzato_12333.split('_');
															$('#12333_pulsanti_galleria .conteggio_pagina').html(arr_12333[1]+'/'+numeroItem_12333);
														}
										});									
										
										$('#12333_pulsanti_galleria .conteggio_pagina').html('1/'+numeroItem_12333);										  
										$('#12333_pulsanti_galleria .next').click(function(){
											window.owl_12333.trigger('owl.next');
										});
										
										$('#12333_pulsanti_galleria .prev').click(function(){
											window.owl_12333.trigger('owl.prev');
										});
										  
									</script>
								</div>
								<!-- TEMIZZAZIONE GALLERIA -->								
							</div><!--End Slide 0-->
							<div class="clear"></div>
							<div class="slide paragrafo" id="slide_1">
								<div class="titolo">
									<div class="icona">
										
									</div>
									<div class="testo">
										<p>HOW GEM WORKS</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The GEM system can be easily towed to the installation site and thanks to the self-towing winch can be positioned
										at predetermined depth (standard depth: 13 m). In absence of current, the GEM assumes the position shown in 
										(Fig. 1). When water current is flowing, it assumes the position as shown in (Fig. 2). For maintenance, the GEM can 
										be easily brought to the surface simply releasing the tension of the mooring line (Fig. 3).
									</p>
									
									<img src="images/alignment.png" />
									<div class="didascalia">
										Fig.4 -
										Alignment to the current direction
									</div>
									
								</div>
							</div><!--End Slide 1-->
							<div class="clear"></div>
							<div class="slide paragrafo" id="slide_2">
								<div class="titolo">
									<div class="icona">
										<img src="images/logo_gem.png" />
									</div>
									<div class="testo">
										<p>Performance data of 100 kW prototype</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The horizontal axis marine turbine GEM "the Ocean's Kite" is an hydrokinetic turbine designed to be driven by
										slow-moving flows of water, namely river, tidal or water currents in general.<br /><br />
										The patented turbine has been developed since 2005 after a research project done in collaboration with Eng. Nicola Morrone, who is the patent holder together with Prof. Domenico Coiro, professor at University of Naples 
										"Federico II" (Department of Aerospace Engineering) and coordinator of the ADAG Reserch Group.
									</p>								
								</div>
								<!-- TEMIZZAZIONE GALLERIA -->
								<div class="galleria" id="nid_12444">
									<div class="didascalia">
										Prototype being installed at the Venetian Lagoon
									</div>
									<div class="owl-carousel contenitore_galleria" id="12444_galleria">												
										<div class="item elemento_galleria" id="elemento-galleria-12444_1">
											<div class="immagine">
												<img src="images/mare.png" />
											</div>
										</div>
										<div class="item elemento_galleria" id="elemento-galleria-12444_2">
											<div class="immagine">
												<img src="images/vento.png" />
											</div>
										</div>
										<div class="item elemento_galleria" id="elemento-galleria-12444_3">
											<div class="immagine">
												<img src="images/vento.png" />
											</div>
										</div>
									</div>
									<!-- Pulsantiera Galleria -->					
									<div class="pulsanti_scorrimento" id="12444_pulsanti_galleria">
										<a class="prev"><img src="images/previous_quadrato_w.png" /></a>
										<div class="conteggio_pagina">1/2</div>
										<a class="next"><img src="images/next_quadrato_w.png" /></a>
									</div>
									<script>
										numeroItem_12444 = $('#12444_galleria .item.elemento_galleria').length;
										
										window.owl_12444 = $("#12444_galleria"); // 12444 Si tratta del nodo della galleria (NID)
										window.owl_12444.owlCarousel({											
											addClassActive: true,
											paginationSpeed : 2500,
											goToFirstSpeed : 1000,
											singleItem : true,
											autoHeight : true,
											slideSpeed: 1000,
											mouseDrag: false,
											touchDrag: false,		
											afterMove: function(elem){
															divVisualizzato_12444 = $('#12444_galleria .owl-item.active').find('div').attr('id');
															arr_12444 = divVisualizzato_12444.split('_');
															$('#12444_pulsanti_galleria .conteggio_pagina').html(arr_12444[1]+'/'+numeroItem_12444);
														}
										});									
										
										$('#12444_pulsanti_galleria .conteggio_pagina').html('1/'+numeroItem_12444);										  
										$('#12444_pulsanti_galleria .next').click(function(){
											window.owl_12444.trigger('owl.next');
										});
										
										$('#12444_pulsanti_galleria .prev').click(function(){
											window.owl_12444.trigger('owl.prev');
										});
										  
									</script>
								</div>
								<!-- TEMIZZAZIONE GALLERIA -->
							</div><!--End Slide 2-->
							<div class="clear"></div>
							<div class="slide paragrafo" id="slide_3">
								<div class="titolo">
									<div class="icona">
										
									</div>
									<div class="testo">
										<p>THE GEM IS BASICALLY MADE BY THE FOLLOWING PARTS</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The GEM system can be easily towed to the installation site and thanks to the self-towing winch can be positioned
										at predetermined depth (standard depth: 13 m). In absence of current, the GEM assumes the position shown in 
										(Fig. 1). When water current is flowing, it assumes the position as shown in (Fig. 2). For maintenance, the GEM can 
										be easily brought to the surface simply releasing the tension of the mooring line (Fig. 3).
									</p>
									
									<img src="images/alignment.png" />
									<div class="didascalia">
										Fig.4 -
										Alignment to the current direction
									</div>
									
								</div>
							</div><!--End Slide 3-->
							<div class="clear"></div>
							<div class="slide paragrafo" id="slide_4">
								<div class="titolo">
									<div class="icona">
										
									</div>
									<div class="testo">
										<p>dimenSIONS</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The GEM system can be easily towed to the installation site and thanks to the self-towing winch can be positioned
										at predetermined depth (standard depth: 13 m). In absence of current, the GEM assumes the position shown in 
										(Fig. 1). When water current is flowing, it assumes the position as shown in (Fig. 2). For maintenance, the GEM can 
										be easily brought to the surface simply releasing the tension of the mooring line (Fig. 3).
									</p>
									
									<img src="images/alignment.png" />
									<div class="didascalia">
										Fig.4 -
										Alignment to the current direction
									</div>
									
								</div>
							</div><!--End Slide 4-->
							<div class="clear"></div>
							<div class="slide paragrafo" id="slide_5">
								<div class="titolo">
									<div class="icona">
										
									</div>
									<div class="testo">
										<p>innovation</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The GEM system can be easily towed to the installation site and thanks to the self-towing winch can be positioned
										at predetermined depth (standard depth: 13 m). In absence of current, the GEM assumes the position shown in 
										(Fig. 1). When water current is flowing, it assumes the position as shown in (Fig. 2). For maintenance, the GEM can 
										be easily brought to the surface simply releasing the tension of the mooring line (Fig. 3).
									</p>
									
									<img src="images/alignment.png" />
									<div class="didascalia">
										Fig.4 -
										Alignment to the current direction
									</div>
									
								</div>
							</div><!--End Slide 5-->
							<div class="clear"></div>
							<div class="slide paragrafo" id="slide_6">
								<div class="titolo">
									<div class="icona">
										
									</div>
									<div class="testo">
										<p>ADVANTAGES</p>
									</div>
								</div>
								<div class="clear"></div>
								<div class="descrizione">
									<p>
										The GEM system can be easily towed to the installation site and thanks to the self-towing winch can be positioned
										at predetermined depth (standard depth: 13 m). In absence of current, the GEM assumes the position shown in 
										(Fig. 1). When water current is flowing, it assumes the position as shown in (Fig. 2). For maintenance, the GEM can 
										be easily brought to the surface simply releasing the tension of the mooring line (Fig. 3).
									</p>
									
									<img src="images/alignment.png" />
									<div class="didascalia">
										Fig.4 -
										Alignment to the current direction
									</div>
									
								</div>
							</div><!--End Slide 6-->
							<div class="clear"></div>
						</div>
					</div>
					<!-- /RIGHT -->
				</div>
				<!-- /CORPO CENTRALE -->			
			</div>
			
			<!-- Footer -->
			<footer>
				<div class="footer">
					
					<!-- Lato SX -->
					<div class="left">
						<div class="titolo">
							SeaPower
						</div>
						<div class="descrizione">
							societ&agrave; consortile a responsabilit&agrave; limitata di ricerca per energia da fonti rinnovabili<br />
							Via Giuseppe Fiorelli 14 - 80121 - Napoli<br />
							p.i. e c.f. 06704871216  -  Cap. soc. 100.000,00 &euro;
						</div>
						
					</div>
					<!-- /Lato SX -->
					
					<!-- Lato DX -->
					<div class="right">
						<div class="telefono">
							0817683578
						</div>
						<div class="mail">
							contact@seapowerscrl.com
						</div>
					</div>
					<!-- /Lato dX -->
					
				</div>
			</footer>
			<!-- /Footer -->
		</div>
		<!-- /Content principale -->	
	</body>
</html>
